<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>TickerManageSystem| Log in</title>
  <link rel="icon"  href="/images/favicon.ico" type="image/ico" />
  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="/adminlte/plugins/fontawesome-free/css/all.min.css">
  <!-- icheck bootstrap -->
  <link rel="stylesheet" href="/adminlte/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- Theme style -->
<!--  <link rel="stylesheet" href="/adminlte/dist/css/adminlte.min.css">-->
  <link rel="stylesheet" href="https://cdn.staticfile.org/admin-lte/3.0.5/css/adminlte.min.css">

</head>
<body class="hold-transition login-page" style="  background-image: url( 'https://lyking90.oss-cn-shenzhen.aliyuncs.com/mybg.jpg '); background-repeat: no-repeat;
      background-size: cover;" >
<div class="login-box"  style="background:white;border-radius:20px; border:1px solid grey;padding: 22px;">

  <div class="login-logo">
    <img src="https://lyking90.oss-cn-shenzhen.aliyuncs.com/smile.png" alt="logo" height="50px" width="50px" style="display: inline-block;margin-top: -5px;">
    <a href="#"><b>票据管理系统</b></a>

  </div>
  <!-- /.login-logo -->
  <div class="card" >
    <div class="card-body login-card-body">
      <p class="login-box-msg text-bold text-lg">登 录</p>

      <form th:method="post" th:action="@{/login}">
        <div class="input-group mb-3">
          <input type="text" class="form-control" name="username" placeholder="用户名">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-user"></span>
            </div>
          </div>
        </div>
        <div class="input-group mb-3">
          <input type="password" class="form-control" name="password" placeholder="密码">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-lock"></span>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-8">
            <div class="icheck-primary">
              <input type="checkbox" id="remember">
              <label for="remember">
                记住我
              </label>
            </div>
          </div>
          <!-- /.col -->
          <div class="col-4">
            <a>
              <button  class="btn btn-primary btn-block">登录</button>
            </a>

<!--            <a href="/test"><p>登录</p></a>-->
          </div>
          <!-- /.col -->
          <div th:if="${param.error}" style="color:red;height: 40px;text-align: left;font-size: 1.1em;" >
            用户名密码输入错误，请重新登录!
          </div>
        </div>


      </form>

      <!--      <div class="social-auth-links text-center mb-3">-->
      <!--        <p>- OR -</p>-->
      <!--        <a href="#" class="btn btn-block btn-primary">-->
      <!--          <i class="fab fa-facebook mr-2"></i> Sign in using Facebook-->
      <!--        </a>-->
      <!--        <a href="#" class="btn btn-block btn-danger">-->
      <!--          <i class="fab fa-google-plus mr-2"></i> Sign in using Google+-->
      <!--        </a>-->
      <!--      </div>-->
      <!-- /.social-auth-links -->

      <!--      <p class="mb-1">-->
      <!--        <a href="forgot-password.html">I forgot my password</a>-->
      <!--      </p>-->
      <p class="mb-0" style="margin-top: 10px;">
        <a href="/register" class="text-center">没有账号?点击去注册</a>
      </p>
      <p class="mb-0">
        <a href="/forgot" class="text-center">忘记密码？</a>
      </p>
    </div>


    <!-- /.login-card-body -->
  </div>
  <p class="text-center text-muted">© <span>2020</span>-<span
  >2021</span></p>
  <p class="text-center"> <a class="btn btn-sm ">中文</a>   <a class="btn btn-sm text-center">English</a></p>

</div>
<!-- /.login-box -->

<!-- jQuery -->
<script href="/adminlte/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script href="/adminlte/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script href="/adminlte/dist/js/adminlte.min.js"></script>

</body>
</html>

